<template>
  <div class="gde-top">
    <el-form :model="ruleForm">
      <el-form-item label="总金额：￥">{{ruleForm.AllPrice}}</el-form-item>
    </el-form>
    <el-table :data="tableData" style="width: 100%;margin-top:30px">
      <el-table-column prop="no" label="订单编号"></el-table-column>
      <el-table-column prop="people" label="收件人"></el-table-column>
      <el-table-column label="地址">
        <template slot-scope="scope">
          <p class="goodname">{{scope.row.goodname}}</p>
        </template>
      </el-table-column>
      <el-table-column prop="money" label="单价"></el-table-column>
      <el-table-column prop="goods" label="购买数量"></el-table-column>
      <el-table-column prop="tmoney" label="总价"></el-table-column>
      <el-table-column prop="tuan" label="团长提成"></el-table-column>
      <el-table-column prop="gong" label="供应商提成"></el-table-column>
      <el-table-column prop="time" label="订单时间"></el-table-column>
    </el-table>
    <el-button style="margin:10px 0 0 50%" type="info" @click="goback">返回</el-button>
  </div>
</template>

<script>
import Botpage from "@/components/botpage/Botpage";
export default {
  components: {
    Botpage,
  },
  data() {
    return {
      tableData: [],
      ruleForm:{}
    };
  },
  methods: {
    getInfo(){
      let that = this;
      that.ruleForm = this.$route.query.detail;
      console.log(that.ruleForm);
    },
    goback() {
      this.$router.back();
    },
  },
  created() {
    this.getInfo()
  }
};
</script>

<style lang="less" scoped>
.gde-top {
  width: 96%;
  margin: 0 auto 30px;
  .goodname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
</style>